<template>
	<div class="diglog-info streetEdit projectDialog">
		<el-dialog title="编辑" :visible.sync="dialogVisible">
			<el-tabs>
				<div class="wheel-container">

					<el-tab-pane label="审批服务台账">
						<template>
							<el-radio v-model="dataAll.stage" :label=1 @change.native='changeStage(1)'>开工前</el-radio>
							<el-radio v-model="dataAll.stage" :label=2 @change.native='changeStage(2)'>建设中</el-radio>
							<el-radio v-model="dataAll.stage" :label=3 @change.native='changeStage(3)'>竣工后</el-radio>
						</template>
						<el-form :model="dataBefore" ref="dataBefore" label-width="0" class="demo-ruleForm">
							<div v-if="dataAll.stage==1?true:false" class="zui-noFloat">
								<el-row :gutter="80">
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="企业注册登记"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.qyzcdj" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="确定勘察单位"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.qdkcdw" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="立项"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.lx" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="确定施工单位"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.qdsgdw" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="土地利用规划说明"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.tdlyghsm" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="确定监理单位"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.qdjldw" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设项目规划选址红线图"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.jsxmghxzhxt" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制能评报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.bznpbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="规划选址意见"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.ghxzyj" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="开展文堪"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.kzwk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>

									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="规划方案审查"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.ghfasc" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="开展地勘"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.kzdk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="按程序报规委会"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.acxbwyh" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制环评报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.bzhpbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="施工图文件审查备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.sgtwjscba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制安评报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.bzapbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设项目人防工程设计审查"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.jsxmrfgcsjsc" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制职业病危害预评价报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.bzzybwhypjbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="质监备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.zjba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="规划方案设计"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.ghfasj" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="安监备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.ajba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="施工图设计"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.sgtsj" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="缴纳报建费"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.jnbjf" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="消防设计"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.xfsj" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="民工工资保证金"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.mggzbzh" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="施工图审查"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.sgtsc" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="消防设计审核"></my-tooltip>
												<el-select class="desc-input" v-model="dataBefore.xfsjsh" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
								</el-row>
								<!--<div style="text-align:left; margin-left:100px;">
								<el-button type="primary" @click="upate('dataBefore')" style="width:130px">保存</el-button>
								<el-button @click="dialogVisible = false" style="width:130px;margin-left:20px">取消</el-button>
							</div>-->
							</div>
						</el-form>
						<el-form :model="dataIn" ref="dataIn" label-width="0" class="demo-ruleForm">
							<div v-if="dataAll.stage==2?true:false" class="zui-noFloat">
								<el-row :gutter="80">
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设用地规划许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.jsydghxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="白蚁防治"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.byfz" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="节能审查"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.jnsc" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制水资源论证报告或专项降水方案"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.bzszylzbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="开发建设项目水土保持方案审批"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.kfjsxmstbcfasp" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="编制水土保持方案"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.bzstbcfa" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="污水排入排水管网许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.wsprpsgwxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="取水许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.qsxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="不动产权证"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.bdcqz" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设工程规划许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.jsgcghxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设工程施工许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.jsgcsgxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="文物勘探"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.wwkt" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="城市建筑垃圾处置（排放）许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.csjzljczxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="占用、挖掘城市道路许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.zywjcsdlxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="城市移植砍伐树木、临时占用城市园林绿地审批"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.csyzkfsmsp" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设项目绿地率指标审批"></my-tooltip>
												<el-select class="desc-input" v-model="dataIn.jsxmlvlzbsp" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
								</el-row>
								<!--<div style="text-align:left; margin-left:100px;">
								<el-button type="primary" @click="upate('dataIn')" style="width:130px">保存</el-button>
								<el-button @click="dialogVisible = false" style="width:130px;margin-left:20px">取消</el-button>
							</div>-->
							</div>
						</el-form>
						<el-form :model="dataAfter" ref="dataAfter" label-width="0" class="demo-ruleForm">
							<div v-if="dataAll.stage==3?true:false" class="zui-noFloat">
								<el-row :gutter="80">
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="结算备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jsba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="水土保持设施验收鉴定书"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.stbcssysjds" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="环保验收"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.hbys" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="水土保持设施验收报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.stbcssysbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="排污许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.pwxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="水土保持监测总结报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.stbcjczjbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="排水许可"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.psxk" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="环境保护验收监测报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.hjbhysjcbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="水土保持设施验收备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.stbcssysfa" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="职业病防护设施验收方案"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.zybfhssysfa" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设项目职业病预防设施验收方案备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jsxmzybyfssysfaba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="电梯、扶梯工程检测报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.dtftgcjcbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="城建档案进馆审核"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.cjdajgsp" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="室内空气检测报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.snkqjcbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设工程规划核实意见书"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jsgcghhsyjs" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="防雷装置竣工检测报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.flzzjgjcbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="消防验收"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.xfys" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建筑工程规划测绘成果报告及测绘图"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jzgcghchcgbgjcht" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>

									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建筑工程竣工验收备案"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jzgcjgysba" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="房屋建筑面积测绘成果报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.fwjzmjchcgbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="五方责任主体验收、质监站参与监督"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.wfzrztyszjzyjc" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12"></el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建筑消防设施检测报告"></my-tooltip>
												<el-select class="desc-input" v-model="dataAfter.jzxfssjcbg" placeholder="请选择">
													<el-option v-for="item in statusList" :key="item.id" :label="item.name" :value="item.id">
													</el-option>
												</el-select>
											</div>
										</el-form-item>
									</el-col>
								</el-row>
								<!--<div style="text-align:left; margin-left:100px;">
								<el-button type="primary" @click="upate('dataAfter')" style="width:130px">保存</el-button>
								<el-button @click="dialogVisible = false" style="width:130px;margin-left:20px">取消</el-button>
							</div>-->
							</div>
						</el-form>
					</el-tab-pane>
					<el-tab-pane label="项目信息">
						<el-form :model="dataAll" :rules="rules" ref="dataAll" label-width="0" class="demo-ruleForm">
							<div v-if="dataAll" class="zui-noFloat">
								<el-row :gutter="80">
									<el-col :span="12">
										<el-form-item prop="name">
											<div class="content">
												<my-tooltip text="项目名称"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.name" placeholder="请输入项目名称"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item prop="name">
											<div class="content">
												<my-tooltip text="项目类型"></my-tooltip>
												<div class="desc-input">
													<el-select v-model="dataAll.property" placeholder="请选择">
														<el-option v-for="item in typeList" :key="item.id" :label="item.name" :value="item.id">
														</el-option>
													</el-select>

												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="24">
										<el-form-item>
											<div class="content">
												<my-tooltip text="建设内容及规模"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.content" type="textarea" placeholder="请输入建设内容及规模"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="计划开工时间"></my-tooltip>
												<div class="desc-input">
													<el-date-picker type="date" format="yyyy-MM-dd" v-model="dataAll.termStart" placeholder="选择日期" style="width: 100%;"></el-date-picker>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="计划竣工时间"></my-tooltip>
												<div class="desc-input">
													<el-date-picker type="date" format="yyyy-MM-dd" v-model="dataAll.termEnd" placeholder="选择日期" style="width: 100%;"></el-date-picker>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item prop="yinvestment">
											<div class="content">
												<my-tooltip text="年度计划投资"></my-tooltip>
												<div class="desc-input">
													<el-input v-model.number="dataAll.yinvestment" placeholder="请输入年度计划投资"></el-input>
												</div>

											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="年度工程形象"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.projectProgress" placeholder="请输入年度工程形象"></el-input>
												</div>

											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item prop="investment">
											<div class="content">
												<my-tooltip text="总投资"></my-tooltip>
												<div class="desc-input">
													<el-input v-model.number="dataAll.investment" placeholder="请输入投资金额"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="项目业主"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.owner" placeholder="请输入项目业主"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="是否重大项目"></my-tooltip>
												<div class="desc-input">
													<el-select v-model="dataAll.isImportant" placeholder="请选择">
														<el-option v-for="item in isoptions" :key="item.value" :label="item.label" :value="item.value">
														</el-option>
													</el-select>

												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="牵头单位"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.leadUnit" placeholder="请输入牵头单位"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="分管区领导"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.mangerLeader" placeholder="请输入分管区领导"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>

									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="施工单位名称"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.buildUnit" placeholder="请输入施工单位名称"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="施工单位联系电话"></my-tooltip>
												<div class="desc-input">
													<el-input v-model="dataAll.buildPhone" placeholder="请输入施工单位联系电话"></el-input>
												</div>
											</div>
										</el-form-item>
									</el-col>
									<el-col :span="12">
										<el-form-item>
											<div class="content">
												<my-tooltip text="图片上传"></my-tooltip>
												<div class="desc-input">
													<el-upload class="upload-demo" :action="UpLoadFileUrl" :on-success="handleSuccess" :on-remove="handleRemove" multiple :limit="6" :on-exceed="handleExceed" :file-list="fileList">
														<el-button size="small" type="primary">点击上传</el-button>
														<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
													</el-upload>
												</div>
											</div>
										</el-form-item>
									</el-col>
								</el-row>

							</div>
						</el-form>
					</el-tab-pane>
				</div>
			</el-tabs>
			<div style="text-align:left; margin-left:100px;">
				<el-button type="primary" @click="upate('dataAll')" style="width:130px">保存</el-button>
				<el-button @click="dialogVisible = false" style="width:130px;margin-left:20px">取消</el-button>
			</div>
		</el-dialog>
	</div>
</template>
<script>
	export default {
		props: ['showDialogId', 'isRefresh'],
		created() {
			this.UpLoadFileUrl = UpLoadFileUrl;
			this.ajax({
				url: 'tProject/selectProjectBasicInfoById',
				data: {
					id: this.showDialogId,
					isRefresh: this.isRefresh
				}
			}).then(data => {

				var imgList = [];
				if(data.imagePaths) {
					var imgs = data.imagePaths.split('###');
					for(var i = 0; i < imgs.length; i++) {
						if(imgs[i]) {
							imgList.push({
								name: imgs[i],
								url: imgs[i]
							})
						}
					}
				}

				this.fileList = imgList;
				this.dataAll = data;
				if(this.dataAll.stage) {
					switch(this.dataAll.stage) {
						case 1:
							this.ajax({
								url: 'tProjectApproveBefore/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataBefore = data[0];
								}
							})
							break;
						case 2:
							this.ajax({
								url: 'tProjectApproveIn/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataIn = data[0];
								}
							})
							break;
						case 3:
							this.ajax({
								url: 'tProjectApproveAfter/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataAfter = data[0];
								}
							})
							break;
					}
				}
			})
			this.ajax({
				url: 'tDictionary/selectDictionaryByCode',
				data: {
					code: 'P2'
				}
			}).then(data => {
				this.statusList = data;
			})

			this.ajax({
				url: 'tDictionary/selectDictionaryByCode',
				data: {
					code: 'P3'
				}
			}).then(data => {
				this.typeList = data;
			})
		},
		mounted() {

		},
		watch: {
			dialogVisible(val) {
				this.$emit('update:showDialog', val)
			}
		},
		data() {
			var check = (rule, value, callback) => {
				if(!value) {
					callback()
				} else if(!Number.isInteger(value)) {
					callback(new Error('请输入数值'))
				} else {
					callback()
				}
			}
			return {
				UpLoadFileUrl: '',
				statusList: [],
				typeList: [],
				dialogVisible: true, //弹出框隐藏显示
				dataAll: {},
				dataBefore: {},
				dataIn: {},
				dataAfter: {},
				rules: {
					name: [{
						required: true,
						message: '项目名称不能为空',
						trigger: 'blur'
					}],
					yinvestment: [{
						validator: check,
						type: 'number',
						message: '年度计划投资必须为数字值'
					}],
					investment: [{
						validator: check,
						type: 'number',
						message: '总投资必须为数字值'
					}]
				},
				isoptions: [{
					value: 0,
					label: '市重点'
				}, {
					value: 1,
					label: '省重点'
				}, {
					value: 2,
					label: '一般项目'
				}],
				fileList: []
			}
		},
		methods: {
			changeStage(index) {
				switch(index) {
					case 1:
						if($.isEmptyObject(this.dataBefore)) {
							this.ajax({
								url: 'tProjectApproveBefore/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataBefore = data[0];
								}
							})
						}

						break;
					case 2:
						if($.isEmptyObject(this.dataIn)) {
							this.ajax({
								url: 'tProjectApproveIn/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataIn = data[0];
								}
							})
						}

						break;
					case 3:
						if($.isEmptyObject(this.dataAfter)) {
							this.ajax({
								url: 'tProjectApproveAfter/selectByPid',
								data: {
									pId: this.dataAll.id
								}
							}).then(data => {
								if(data.length) {
									this.dataAfter = data[0];
								}
							})
						}

						break;
				}
			},
			handleRemove(file, fileList) {
				if(file.status == 'success') {
					for(var i = 0; i < this.fileList.length; i++) {
						if(this.fileList[i].name == file.name) {
							this.fileList.splice(i, 1);
						}
					}
				}
			},
			handleSuccess(response, file, fileList) {
				if(response.status == 'true') {
					this.fileList.push({
						name: response.msg.fileName,
						url: response.msg.fileAdrress
					})
				}
			},
			handleExceed(files, fileList) {
				this.$message.warning("当前限制选择 6 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件");
			},
			show(row) {
				this.dialogVisible = !this.dialogVisible
			},
			upate(formName) {
				this.$refs[formName].validate((valid) => {
					if(this.dataAll.stage) {
						switch(this.dataAll.stage) {
							case 1:
								this.dataBefore.pId = this.dataAll.id;
								this.ajax({
									url: 'tProjectApproveBefore/createOrModifyBefore',
									data: this.dataBefore
								}).then(data => {
									this.updateProject(valid);
								})
								break;
							case 2:
								this.dataIn.pId = this.dataAll.id;
								this.ajax({
									url: 'tProjectApproveIn/createOrModifyIn',
									data: this.dataIn
								}).then(data => {
									this.updateProject(valid);
								})
								break;
							case 3:
								this.dataAfter.pId = this.dataAll.id;
								this.ajax({
									url: 'tProjectApproveAfter/createOrModifyAfter',
									data: this.dataAfter
								}).then(data => {
									this.updateProject(valid);
								})
								break;
						}
					} else {
						this.updateProject(valid);
					}
				});
			},
			updateProject(valid) {
				var imgpaths = [];
				for(var i = 0; i < this.fileList.length; i++) {
					imgpaths.push(this.fileList[i].url);
				}
				this.dataAll.imagePaths = imgpaths.join('###');
				//					console.log(this.dataAll.imagePaths)
				if(valid) {
					this.dataAll.termStart = this.formatedate(this.dataAll.termStart);
					this.dataAll.termEnd = this.formatedate(this.dataAll.termEnd);
					this.dataAll.geometry = null;
					this.ajax({
						url: 'tProject/editProjectBasicInfo',
						type: 'post',
						data: this.dataAll,
					}).then(data => {
						/*向上传递修改成功的信息*/
						if(this.isRefresh == undefined) {
							this.eventBus.$emit('streetUpdate')
						}
						this.dialogVisible = false
					})
				}
			},
			formatedate(time) {
				var d = new Date(time);
				if(!d.getFullYear()) {
					return null;
				}
				return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + '00:00:00';
			}
		},
		components: {

		}
	}
</script>
<style lang="less">
	.streetEdit .el-form-item__error {
		top: 35px;
		left: 100px;
	}
	
	.streetEdit .el-form-item {
		min-height: 50px;
		margin-bottom: 5px;
	}
</style>
<style scoped lang="less">
	.zui-noFloat .el-col {
		float: none;
		display: inline-block;
		margin-right: -4px;
		vertical-align: top;
	}
	
	.projectDialog .desc-input {
		width: 60%;
		float: left;
	}
	
	.wheel-container {
		height: 450px;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
	.el-button--primary {
		margin-top: 20px;
	}
</style>